<template>
	<div class="city-header">
		<div class="head-back" @click="goback">
			<span class="iconfont">&#xe600;</span>
		</div>
		城市选择
	</div>
</template>

<script>
export default {
  name: 'CityHeader',
  data() {
  	return {
  		msg: 'cityheader'
  	}
  },
  methods: {
  	goback() {
  		window.history.length > 0
  		? this.$router.go(-1)
  		: this.$router.push('/')
  	}
  }
};
</script>

<style lang="stylus" scoped>
@import '~styles/var.styl'
@import '~styles/mixin.styl'
	.city-header
		line-height: $headHeight
		background-color: $bgColor
		text-align: center
		posr()
		font-size: .32rem
		color: #fff
		z-index: 2
		.head-back
			width: .76rem
			line-height: .86rem
			text-align: center
			color: #fff
			posa()
			left: 0
			.iconfont
				font-size: $backIconSize
</style>
